.middle {
    height: 400px;
}

.middle-content {
    width: 1200px;
    height: 400px;
    /*左右剧中 2个参数的情况下，第一个参数代表离自身上下的距离 ，第二个左右的距离*/
    margin: 50px auto;
    /*border: 1px solid red;*/
}

.jxdt {
    height: 350px;
    width: 650px;
    border: 1px solid red;
}

.cpzs {
    height: 350px;
    width: 500px;
    border: 1px solid red;
}

/*.banner{*/
/*    height: 40px;*/
/*    border-bottom: 1px solid red;*/
/*    font-family: 仿宋;*/
/*    line-height: 40px;*/
/*    font-size: 25px;*/
/*    padding: 15px;*/
/*}*/
/*子代选择器 >只能是第一代*/
.jxdt > div:first-child {
    height: 40px;
    border-bottom: 1px solid red;
    font-family: 仿宋;
    line-height: 40px;
    font-size: 25px;
    padding: 15px;
}

.cpzs {
    padding: 0;
}

.cpzs > div:first-child {
    height: 40px;
    border-bottom: 1px solid red;
    font-family: 仿宋;
    line-height: 40px;
    font-size: 25px;
    padding: 15px;
}

.jxdt .floatLeft, .jxdt .floatRight {
    padding: 15px;
    height: 240px;
}

.jxdt .floatLeft img {
    width: 100%;
    height: 100%;
}

.jxdt .floatRight div {
    border-bottom: 1px dashed red;
    line-height: 40px;
    width: 300px;
}

/*单行溢出，多行溢出*/
.jxdt .floatRight h4, .jxdt .floatRight p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cpzs > div:nth-child(2) > div {
    width: 200px;
    padding: 15px;
}

.cpzs > div:nth-child(2) > div img {
    width: 100%;
    height: 100%;
}

.cpzs > div:nth-child(2) > div {
    width: 200px;
}

.cpzs > div:nth-child(2) > div h4, .cpzs > div:nth-child(2) > div p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}